import React from "react";
import ReactDOM from "react-dom/client";

const root = ReactDOM.createRoot(document.getElementById('root'))

// 我们在函数组件或者类组件中都要 return 出一段模板，该模板就是 jsx， react 会将其解析为虚拟 DOM
// 然后处理成真实  DOM
// jsx 遇到 < 理解为元素或者组件
// jsx 遇到 { 理解为 js 表达式
const App = () => {
  return (
    React.createElement(
      'div',
      { className: 'app', id: 'app', title: '你好世界' },
      '路就在脚下，却不知道往哪里走。',
      React.createElement('h1', { className: 'title' }, 'React 是用于构建用户界面的 JavaScript 库'),
      React.createElement('main', { className: 'content' }, 'React 采用的是 fiber 算法')
    )
  )
}



root.render(
  <App />
)

// 什么是 fiber 算法。
// diff 和 fiber 差别
